<!DOCTYPE html>

<html>
	
<head>
    
<!-- Meta Tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">

<!-- Title -->
<title>Bookish Fellow</title>

<!-- Stylesheets -->
<link href='http://fonts.googleapis.com/css?family=Oswald' rel='stylesheet' type='text/css'>
<link href="css/bootstrap.min.css" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="css/flexslider.css">
<link href="css/jquery.selectBoxIt.css" rel="stylesheet">
<link href="css/style.css" rel="stylesheet">
    
<!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<link href="css/ie.css" rel="stylesheet">
<![endif]-->

</head>

<body>
	<!-- container -->
	<div class="container"> 
    	<!-- header -->
    	<header id="header">
        	<div class="row">
            	<div class="col-lg-4 col-md-4 col-sm-4">
                	<img id="logo" src="img/logo.png" alt="xxx">
                </div>
                
                <div class="col-lg-8 col-md-8 col-sm-8">
                	<ul id="upper-nav">
                    	<li class="light-blue"><a href="#">Registration</a></li>
                        <li class="red"><a href="#" class="red">Log In</a></li>
                    </ul>
                    <ul class="main-nav">
                    	<li><a href="#">Home</a></li>
                        <li><a href="#">Ebooks</a></li>
                    	<li><a href="#">Price packages</a></li>
                        <li><a href="#">Faq</a></li>
                    </ul>
                </div>
            </div>
        </header>
       	<!-- /header --> 
        
        <!-- main-container -->
       <div class="main-container">
            
       		<!-- Page Heading -->
       		<section class="section blue page-heading">
            	<h1>Content, Cover and Payment Method</h1>
            </section>
            <!-- \Page Heading -->
            
			
            <!-- Form -->
            <section class="section">
                
				<div class="row">
					
					<div class="col-lg-8 col-md-8 col-sm-10 col-lg-push-2 col-md-push-2 col-sm-push-1 align-left">
					
						<form class="bookish-form">
						
							<p>We accept minor grammar, wording and punctuation modifications. Please let us know which parts of 
text need to be modified, specify what the modifications should include and on which pages they occur. 
If 15-20%of the text should be changed or new title, illustrations and interactive material is to be 
added/removed you will need a new ISBN. </p>
<br>
							<label>Cover</label><br>
							<label>Upload a file to replace the cover of </label>
							<select>
								<option>Author’s titles</option>
								<option>Author’s titles</option>
								<option>Author’s titles</option>
							<select>
							<br>
							<input class="red input-file" data-file="#file1" data-input="#file-text1" type="button" value="Choose File">
							<label><span>(The cover’s minimum width should be 1400px.<br> We accept PNG, JPG and TIF format with minimum 72dpi in RGB color mode)</span></label>
							<input id="file1" type="file"><br>
							<label id="file-text1" class="wide-label"></label>
							
							<label>In case you do not have a cover, we can create one for you:</label>
							<br>
							<input type="radio"><label>Basic Cover Design $99</label><br>
							<input type="radio"><label>Premium Cover Design $149</label><br>
							<br>
							<p><a href="#">Learn More</a></p>
							<br>
							<label>Please provide us with images which are similar to what you are looking for you:</label><br>
							<input class="red input-file" data-file="#file2" data-input="#file-text2" type="button" value="Choose File">
							<input id="file2" type="file"><br>
							<label id="file-text2" class="wide-label"></label>
							<br><br>
							
							<label>Do you want us to use the supplied image as an eBook cover?</label><br>
							<input type="radio"><label>Yes</label><br>
							<input type="radio"><label>No</label><br>
							<br>
							<textarea rows="6" placeholder="Describe the concept conveying the mood and meaning of the eBook"></textarea>
							
							<textarea rows="6" placeholder="Is there a question or statement which can be placed on the cover and used as a hook to attract reader’s attention?"></textarea>
							
							<textarea rows="6" placeholder="Describe the preferred the cover’s style"></textarea>
							
							
							<label>Any design mock up?</label><br>
							<input type="radio"><label>Yes</label><br>
							
							<input class="red input-file" data-file="#file3" data-input="#file-text3" type="button" value="Choose File">
							<input id="file3" type="file"><br>
							<label id="file-text3" class="wide-label"></label>
							
							<br>
							<input type="radio"><label>No</label><br>
							
							<p>Anything that we should know? Any additional information? We will send you the proof soon. If you have any questions, please contact us via <a href="mailto:design@bookishfellow.com">design@bookishfellow.com</a> </p>
							<br>
							<input type="text" placeholder="Book Price">
							<select>
								<option>Title</option>
								<option>Author’s titles</option>
								<option>Author’s titles</option>
							<select>
							<label>PayPoint <span>($50 minimun)</span></label>
						
						</form>
					
					</div>
					
				</div>
				
            </section>
            <!-- \Form -->
			
			
       </div>
       <!-- \main-container -->
       
       <!-- footer -->
       <footer id="footer">
       	 <a href="#" id="back-to-top"></a>
       	  <div class="row">
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Bookishfellow</h4>
            <ul class="menu">
            	<li><a href="#">eBooks</a></li>
                <li><a href="#">Add New Title</a></li>
                <li><a href="#">Price Packages</a></li>
                <li><a href="#">Distribution</a></li>
                <li><a href="#">Publishing Agreement</a></li>
                <li><a href="#">FAQ</a></li>
                <li><a href="#">Contact Us</a></li>
                <li><a href="#">About Us</a></li>
            </ul>
            </div>
            
       		<div class="col-lg-6 col-md-6 col-sm-6">
            <h4>Services</h4>
            <ul class="footer-menu">
            	<li><a href="#">eBook Cover Design</a></li>
                <li><a href="#">Author Website</a></li>
                <li><a href="#">Digital Marketing</a></li>
            </ul>
            </div>
            
            <div class="col-lg-12 col-md-12 col-sm-12">
            	<p id="copyright">Copyright © 2014, Darko Mitrovic, All rights reserved</p>
            </div>
         </div>
       </footer>
       <!-- \footer -->
    </div>
	<!-- /container -->
<!-- JavaScript -->
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script src="js/jquery-ui-1.10.4.custom.min.js"></script>
<script src="js/jquery.flexslider.js"></script>
<script src="js/jquery.selectBoxIt.min.js"></script>
<script src="js/script.js"></script>
</body>

</html>